<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>风水</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="css/animate.css">
</head>
<body>
<!--右边炫富导航-->
<div class="xuanfu">
    <a href="##" class="aaa"><em></em><span>在线咨询</span></a>
    <a href="##" class="bbbb" onclick="xianshen()"><em></em><span>申请量房</span></a>
    <a href="##" class="ccc" onclick="xianshen()"><em></em><span>预约设计</span></a>
    <a href="##" class="ddd" onclick="ding()"><em></em><span>返回顶部</span></a>
</div>
<!--手机端-->
<div class="xuanfu xuanfus">
    <a href="##" class="ddd" onclick="ding()"><em></em><span>返回顶部</span></a>
</div>
<!--时不时弹出框-->
<div class="tans" id="dhs">
    <div>
        <img src="images/30.png" alt="">
        <span onclick="die()" class="die"></span>
        <span class="mian">免费电话</span>
        <a href="">点击咨询</a>
    </div>
</div>
<!--左边炫富框-->
<div class="nav-top">
    <div class="row">
        <div class="col-md-6 col-xs-12"><p>欢迎来到鼎晟装饰</p></div>
        <div class="col-md-6 col-xs-12 login">
            <ul>
                <li><a href=""><img src="images/weibo.jpg" alt="">&nbsp;微博登录</a></li>
                <li><a href=""><img src="images/qq.jpg" alt="">&nbsp;QQ登录</a></li>
                <li><a href=""><img src="images/weixin.jpg" alt="">&nbsp;微信登录</a>&nbsp;</li>
                <li><a href="">注册</a> | <a href="">登录</a></li>
            </ul>
        </div>
    </div>
</div>
<!--点击预算框-->
<div class="yusuan" id="dhs">
    <div class="yu-left">
        <h2>免费获取装修报价</h2>
        <form action="">
            <ul>
                <li>
                    <span>所在城市：</span><span class="yu-red">*</span>
                    <div class="diqu">
                        <select id="s_province" name="sheng" class="gao"></select>
                        <select id="s_city" name="shi" class="gao"></select>
                        <select  style="display: none;" id="s_county" name="qu" class="gao"></select>
                    </div>
                </li>
                <li>
                    <span>房屋面积：</span><span class="yu-red">*</span>
                    <input type="text" id="mianji" placeholder="房屋面积">
                </li>
                <li id="qing-fu">
                    <span>房屋户型：</span><span class="yu-red">*</span>
                    <div class="diqus">
                        <select name="shi" id="" class="yu-shi">
                            <option value="1室">1室</option>
                            <option value="2室">2室</option>
                            <option value="3室">3室</option>
                            <option value="4室">4室</option>
                        </select>
                        <select name="ting" id="" class="yu-ting">
                            <option value="1厅">1厅</option>
                            <option value="2厅">2厅</option>
                        </select>
                        <select name="chu" id="" class="yu-ting">
                            <option value="1厨">1厨</option>
                            <option value="2厨">2厨</option>
                        </select>
                        <select name="wei" id="" class="gao">
                            <option value="1卫">1卫</option>
                            <option value="2卫">2卫</option>
                            <option value="3卫">3卫</option>
                        </select>
                        <select name="yang" id="" class="gao">
                            <option value="1阳台">1阳台</option>
                            <option value="2阳台">2阳台</option>
                        </select>
                    </div>
                </li>
                <li>
                    <span>手机号码：</span><span class="yu-red">*</span>
                    <input id="phone" type="text" placeholder="请输入手机号码">
                    <span class="yu-jing">*为了您的权益，您的隐私将严格保密</span>
                </li>

            </ul>
        </form>
    </div>
    <div class="yu-zhong">
        <hr>
        <div class="yu-yuan">
            <div class="yu-but" onclick="jisuan()">
                开始计算
            </div>
        </div>
        <hr>
    </div>
    <div class="yu-right">
        <img src="images/close.png" alt="" onclick="xiaoshi()">
        <ul class="yu-money">
            <li>
                材料费：<span class="yu-cai"></span>元
            </li>
            <li>
                人工费：<span class="yu-ren"></span>元
            </li>
            <li>
                设计费：<span class="yu-she"></span>元
            </li>
            <li>
                质检费：<span class="yu-zhi"></span>元
            </li>
            <li>
                总费用：<span class="yu-zong"></span>元
            </li>
        </ul>
        <img src="images/erzi.png" alt="" class="erzi">
    </div>
</div>

<div class="navbar navbar-default" role="navigation">
    <div class="navbar-header">
        　<!-- .navbar-toggle样式用于toggle收缩的内容，即nav-collapse collapse样式所在元素 -->
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
            <span class="sr-only">Toggle Navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="col-md-6 col-xs-8">
            <a href="##" class="navbar-brand">
                <img src="images/logo.jpg" alt="">
            </a>
        </div>
        <div class="col-md-6 tel"><img src="images/tel.jpg" alt=""></div>
    </div>

</div>

<div id="guding" class="collapse navbar-collapse navbar-responsive-collapse nav-box">
    <ul class="nav navbar-nav">
        <li><a href="index.html">首页</a></li>
        <li><a href="mengxiang.html">梦想家</a></li>
        <li><a href="jiangzhuang.html">精装家</a></li>
        <li><a href="siren.html">私人订制</a></li>
        <li><a href="sheji.html">设计团队</a></li>
        <li class="active"><a href="fengshui.html">风水</a></li>
        <li><a href="guanyu.html">关于</a></li>
        <li><a href="about.html">联系我们</a></li>
    </ul>
</div>
<!--大图-->
<div class="sj-banner">
    <img src="images/feng-1.jpg" alt="">
</div>
<!--正文-->
<div class="deta-content">
    <div class="deta-con1">
        <!--装饰风水-->
        <ul class="feng-title">
            <!--左边-->
            <li class="feng-tit-left">
                <img src="images/feng-2.png" alt="">
                <h4>装饰风水</h4>
            </li>
            <!--右-->
            <li class="feng-tit-right">
                <img src="images/feng-4.png" alt="">
                <p>
                    风水是一门这地而居的学问，风水学的产生是人们希望把自身和谐的统一于自然中而采用的一种自我完善的手段。家居风水的好坏，实际上就是对住宅所处环境的评价与估量。环境直接影响着住宅的风水。别墅，格调高雅，卓尔不群，本身对环境就提出了更高的要求。住宅内部与装饰设计都影响到人们的事业与生活。
                </p>
            </li>
            <li style="clear: right;"></li>
            <!--客厅开讲-->
            <li class="keting-title">
                <img src="images/feng-3.png" alt="">
                <h4>客厅开讲</h4>
            </li>
            <!--客厅内容-->
            <li class="keting-cont">
               <!--左边-->
                <section class="keting-left">
                    <h5>1位置布局</h5>
                    <p>
                        客厅的入口不易看到厨房灶台、房门、后门、走道也是应该避免直向或横向地贯穿全厅。
                    </p>
                    <p>
                        另外，受“天圆地方”观念的影响，中国的传统房屋无论是外墙还是室内大多是方形的，四平八稳，透出堂堂正正，不偏不倚的气势，令人不禁肃然起敬。在风水学说，客厅的屋形以方为佳。方形在厅中属土形，长方形属木形。居住在方形的居室里，能给人平和、宽容、敦厚、稳健的感觉。
                    </p>
                    <h5>2尖角的化解</h5>
                    <p>
                        由于建筑设计方面的原因，许多现代住宅的客厅中存在尖角与梁柱，外观不甚美观而且会对居者构成压力。可以用以下几种方法化解尖角：
                    </p>
                    <span>1.设计柜体把尖角填平，高柜或低柜均可。</span>
                    <span>2.将一盆高大而浓密的常绿植物摆放在尖角位，也可有效地削减尖角对客厅风水的影响。</span>
                    <span>3.在客厅的尖角位置摆放浴缸亦是最好的化解之道</span>
                    <span>4.把尖角中间的一截掏空，设置一个弧形的多层木制花台，放几盆新鲜的植物。小品并装射灯照明。</span>

               </section>
                <img src="images/feng-5.jpg" alt="">
            </li>
            <!--卧室宜忌-->
            <li class="woshi-title">
                <img src="images/feng-6.png" alt="">
                <h4>卧室宜忌</h4>
                <!--内容-->
                <ul class="woshi-cont">
                    <li class="woshi-tu-left">
                        <img class="woshi-zuo-tu" src="images/feng-8.png" alt="">
                        <section>
                            <p>
                                <span>卧室宜安排在朝阳的方向,</span>
                                <span>主人房则应选择最大的卧室。</span>
                                <span>卧室门不宜相对，</span>
                                <span>入墙柜或立柜最好能储存所有的衣物，</span>
                                <span>令居室整齐有序。</span>
                            </p>
                            <img src="images/feng-9.png" alt="">
                            <span class="woshi-xiao-title">卧室的方位</span>
                        </section>
                    </li>
                    <li class="woshi-tu-right">
                        <section>
                            <img src="images/feng-10.png" alt="">
                            <span class="woshi-xiao-left-title">卧室的装饰</span>
                            <p>
                                <span>卧室不宜用太过鲜艳的红色装饰。</span>
                                <span>过多鲜艳的红色装饰，</span>
                                <span>会令人精神亢奋。</span>
                                <span>并有神经衰弱的不良影响，</span>
                                <span>长期下来容易精神不济，</span>
                                <span>心情郁闷。</span>
                            </p>
                            <div style="clear: right;"></div>
                        </section>
                        <img class="woshi-you-tu" src="images/feng-11.png" alt="">
                    </li>
                    <li class="woshi-chuang">
                        <img src="images/feng-12.png" alt="">
                        <span class="woshi-chuang-title">卧室安床的学问</span>
                        <section>
                            <p>1.床的高度一般以略高于寝者膝盖为宜。切记
                                床不可贴地。</p>
                            <p> 2.床无论放于何处，都应该让居者在床上看见卧室
                                的门与窗，
                                这样也会有明媚的阳光照射到床上
                                ，更有利于健康。
                            <p>   3.卧室门不宜正对床，床头不能靠门或背门。</p>
                            <p>  4.床位最好选择南北朝向，顺应地球磁场引力。
                                头朝南或北睡，有益健康。</p>
                            <p>  5.床头宜实不宜虚，床头应该靠墙，不可靠窗。</p>
                        </section>
                    </li>
                </ul>
            </li>
            <!--风水大师-->
            <li class="fengshui-teacher">
                <img src="images/feng-6.png" alt="">
                <h4>鼎晟装饰风水大师</h4>
                <ul class="fengshui-teachers">
                    <li>
                        <img src="images/feng-14.png" alt="">
                        <section>
                            <h2>李明光</h2>
                            <p>
                                国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师
                            </p>
                        </section>
                    </li>
                    <li>
                        <img src="images/feng-14.png" alt="">
                        <section>
                            <h2>李明光</h2>
                            <p>
                                国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师
                            </p>
                        </section>
                    </li>
                    <li>
                        <img src="images/feng-14.png" alt="">
                        <section>
                            <h2>李明光</h2>
                            <p>
                                国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师国家人事部门认证高级预测策划师
                            </p>
                        </section>
                    </li>
                </ul>
            </li>
        </ul>

    </div>
</div>


<!-- bottom -->
<div class="bottom">
    <div class="bottom-one">
        <div class="col-md-6 col-md-offset-3 col-xs-12">
            <ul class="row">
                <li class="col-md-2 col-xs-4">关于鼎晟&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">私人订制&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">设计团队&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">精装家&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">梦想家&nbsp;&nbsp;|</li>
                <li class="col-md-2 col-xs-4">联系我们</li>
            </ul>
        </div><div class="clearfix"></div>
        <div class="col-md-6 col-md-offset-3 line"></div>
        <div class="col-md-6 col-md-offset-3 col-xs-12">
            <div class="col-md-8 col-xs-12">
                <p>邮编：XXXXXX  电子邮箱：XXXXXXXXX@QQ.com</p>
                <p>电话：0371-XXXX-XXXX  手机：13333333333</p>
            </div>
            <div class="col-md-4 col-xs-12">
                <img src="images/er.png" alt="">
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    <div class="bottom-two">
        <p class="text-center">版权所有&nbsp;&nbsp;鼎盛装饰&nbsp;&nbsp;技术支持&nbsp;AAAAAA
            &nbsp;&nbsp;备案号正在办理中</p>
    </div>

</div>

<script type="text/javascript" src="js/jquery-2.0.3.min.js" ></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/index.js"></script>
<script src="js/index2.js"></script>
<script>
    document.onscroll = function () {
        if ($(window).height() + $(document).scrollTop() >= ($('.keting-left').offset().top+ 300)){
            $('.keting-left').css('visibility','visible').addClass('animated zoomIn');
        }
        if ($(window).height() + $(document).scrollTop() >= ($('.keting-cont img').offset().top+ 300)){
            $('.keting-cont img').animate({
                opacity:1
            },1000)
        }
        $('.woshi-cont li').each(function () {
            if ($(window).height() + $(document).scrollTop() >= ($(this).offset().top + 150)){
                $(this).css('visibility','visible').addClass('animated zoomIn');
            }
        });
        $('.fengshui-teachers li').each(function () {
            if ($(window).height() + $(document).scrollTop() >= ($(this).offset().top + 150)){
                $(this).css('visibility','visible').addClass('animated zoomIn');
            }
        });
    }
</script>
<script type="text/javascript">
    jQuery(document).ready(function(){
        if (document.body.clientWidth <= 320){
            $('.ls-inner').css('height','200px');
            $('.bbb').css('height','200px');
            $('.tans').css('display','none');
            $('.xuanfu').css('display','none');
            $('.yusuan').css('display','none');
            $('.xuanfu.xuanfus').css('display','block');
        }else  if (document.body.clientWidth <= 480 ){
            $('.ls-inner').css('height','280px');
            $('.bbb').css('height','280px');
            $('.xuanfu').css('display','none');
            $('.tans').css('display','none');
            $('.yusuan').css('display','none');
            $('.xuanfu.xuanfus').css('display','block');
        }else if(document.body.clientWidth <=767 ){
            $('.ls-inner').css('height','320px');
            $('.bbb').css('height','320px');
            $('.xuanfu').css('display','none');
            $('.tans').css('display','none');
            $('.yusuan').css('display','none');
            $('.xuanfu.xuanfus').css('display','block');
        }else if(document.body.clientWidth <=980){
            $('.ls-inner').css('height','550px');
            $('.bbb').css('height','550px');
            $('.xuanfu').css('display','none');
            $('.tans').css('display','none');
            $('.yusuan').css('display','none');
        }
    });
</script>
</body>
</html>
